<html class="reftest-wait">
  <title>WebGPU canvas_back_buffer_different_size</title>
  <meta charset="utf-8" />
  <link rel="help" href="https://gpuweb.github.io/gpuweb/" />
  <meta
    name="assert"
    content="WebGPU canvas should present correctly with different size of back buffer"
  />
  <meta name=fuzzy content="maxDifference=1;totalPixels=0-2000">
  <link rel="match"
        href="./ref/canvas_size_different_with_back_buffer_size-ref.html" />

  <canvas id="cvs_larger_than_back_buffer" width="6" height="8"></canvas>
  <canvas id="cvs_same_as_back_buffer" width="3" height="4"></canvas>
  <canvas id="cvs_smaller_than_back_buffer" width="3" height="4"></canvas>
  <canvas id="cvs_change_size_after_configure" width="3" height="4"></canvas>
  <canvas id="cvs_change_size_and_reconfigure" width="3" height="4"></canvas>
  <canvas id="back_buffer_smaller_than_cvs_and_css" width="6" height="8" style="width: 12px; height: 16px;"></canvas>
  <canvas id="cvs_smaller_than_back_buffer_and_css" width="3" height="4" style="width: 12px; height: 16px;"></canvas>
  <script src="/common/reftest-wait.js"></script>
  <script type="module">
    import { run } from './canvas_size_different_with_back_buffer_size.html.js';
    run();
  </script>
</html>
